<!DOCTYPE html>
<html lang="en">
<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		
		<title>Home</title>
		<meta name="description" content="">
		<!--FROM -->
        <link href="./assets1/style1.css" rel="stylesheet" type="text/css" />

		<!-- Favicon -->
		<link rel="shortcut icon" href="./assets1/images/favicon.ico">

		<!-- Bootstrap CSS -->
		<link href="./assets1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
		
		<!-- Font Awesome CSS -->
		<link href="./assets1/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
		
		<!-- Custom CSS -->
		<link href="./assets1/css/style.css" rel="stylesheet" type="text/css" />
		
		<!-- BEGIN CSS for this page -->
		<link rel="stylesheet" type="text/css" href="./assets1/css/dataTables.bootstrap4.min.css"/>
		<!-- END CSS for this page -->
		
</head>

<body class="adminbody">

<div id="main">

	<!-- top bar navigation -->
	<div class="headerbar">

		<!-- LOGO -->
        <div class="headerbar-left">
			<a class="logo"><img alt="Logo" src="./assets1/images/logo-dark.png" /> <span>Admin</span></a>
        </div>

        <nav class="navbar-custom">

                    <ul class="list-inline float-right mb-0">
						
						<li class="list-inline-item dropdown notif">
                            <a class="nav-link dropdown-toggle arrow-none" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                                <i class="fa fa-fw fa-question-circle"></i>
                            </a>
                            <div class="dropdown-menu dropdown-menu-right dropdown-arrow dropdown-arrow-success dropdown-lg">
                                <!-- item-->
                                <div class="dropdown-item noti-title">
                                    <h5><small>Help and Support</small></h5>
                                </div>

                                <!-- item-->
                                <a target="_blank" href="#" class="dropdown-item notify-item">                                    
                                    <p class="notify-details ml-0">
                                        <b>Do you want custom development to integrate this theme?</b>
                                        <span>Contact Us</span>
                                    </p>
                                </a>

                                <!-- item-->
                                <a target="_blank" href="#" class="dropdown-item notify-item">                                    
                                    <p class="notify-details ml-0">
                                        <b>Do you want PHP version of the theme that save dozens of hours of work?</b>
                                        <span>Try Pike Admin PRO</span>
                                    </p>
                                </a>                               

                                <!-- All-->
                                <a title="Clcik to visit Pike Admin Website" target="_blank" href="#" class="dropdown-item notify-item notify-all">
                                    <i class="fa fa-link"></i> Visit Pike Admin Website
                                </a>

                            </div>
                        </li>
						
                        <li class="list-inline-item dropdown notif">
                            <a class="nav-link dropdown-toggle arrow-none" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                                <i class="fa fa-fw fa-envelope-o"></i><span class="notif-bullet"></span>
                            </a>
                            <div class="dropdown-menu dropdown-menu-right dropdown-arrow dropdown-arrow-success dropdown-lg">
                                <!-- item-->
                                <div class="dropdown-item noti-title">
                                    <h5><small><span class="label label-danger pull-xs-right">12</span>Contact Messages</small></h5>
                                </div>

                                <!-- item-->
                                <a href="#" class="dropdown-item notify-item">                                    
                                    <p class="notify-details ml-0">
                                        <b>Jokn Doe</b>
                                        <span>New message received</span>
                                        <small class="text-muted">2 minutes ago</small>
                                    </p>
                                </a>

                                <!-- item-->
                                <a href="#" class="dropdown-item notify-item">                                    
                                    <p class="notify-details ml-0">
                                        <b>Michael Jackson</b>
                                        <span>New message received</span>
                                        <small class="text-muted">15 minutes ago</small>
                                    </p>
                                </a>

                                <!-- item-->
                                <a href="#" class="dropdown-item notify-item">                                    
                                    <p class="notify-details ml-0">
                                        <b>Foxy Johnes</b>
                                        <span>New message received</span>
                                        <small class="text-muted">Yesterday, 13:30</small>
                                    </p>
                                </a>

                                <!-- All-->
                                <a href="#" class="dropdown-item notify-item notify-all">
                                    View All
                                </a>

                            </div>
                        </li>
                        
						<li class="list-inline-item dropdown notif">
                            <a class="nav-link dropdown-toggle arrow-none" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                                <i class="fa fa-fw fa-bell-o"></i><span class="notif-bullet"></span>
                            </a>
                            <div class="dropdown-menu dropdown-menu-right dropdown-arrow dropdown-lg">
								<!-- item-->
                                <div class="dropdown-item noti-title">
                                    <h5><small><span class="label label-danger pull-xs-right">5</span>Allerts</small></h5>
                                </div>
								
                                <!-- item-->
                                <a href="#" class="dropdown-item notify-item">
                                    <div class="notify-icon bg-faded">
                                        <img src="./assets1/images/avatars/avatar2.png" alt="img" class="rounded-circle img-fluid">
                                    </div>
                                    <p class="notify-details">
                                        <b>John Doe</b>
                                        <span>User registration</span>
                                        <small class="text-muted">3 minutes ago</small>
                                    </p>
                                </a>

                                <!-- item-->
                                <a href="#" class="dropdown-item notify-item">
                                    <div class="notify-icon bg-faded">
                                        <img src="./assets1/images/avatars/avatar3.png" alt="img" class="rounded-circle img-fluid">
                                    </div>
                                    <p class="notify-details">
                                        <b>Michael Cox</b>
                                        <span>Task 2 completed</span>
                                        <small class="text-muted">12 minutes ago</small>
                                    </p>
                                </a>

                                <!-- item-->
                                <a href="#" class="dropdown-item notify-item">
                                    <div class="notify-icon bg-faded">
                                        <img src="./assets1/images/avatars/avatar4.png" alt="img" class="rounded-circle img-fluid">
                                    </div>
                                    <p class="notify-details">
                                        <b>Michelle Dolores</b>
                                        <span>New job completed</span>
                                        <small class="text-muted">35 minutes ago</small>
                                    </p>
                                </a>

                                <!-- All-->
                                <a href="#" class="dropdown-item notify-item notify-all">
                                    View All Allerts
                                </a>

                            </div>
                        </li>

                        <li class="list-inline-item dropdown notif">
                            <a class="nav-link dropdown-toggle nav-user" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                                <img src="./assets1/images/avatars/admin.png" alt="Profile image" class="avatar-rounded">
                            </a>
                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
                                <!-- item-->
                                <div class="dropdown-item noti-title">
                                    <h5 class="text-overflow"><small>Hello, admin</small> </h5>
                                </div>

                               

                                <!-- item-->
                                <a href="#" class="dropdown-item notify-item">
                                    <i class="fa fa-power-off"></i> <span>Logout</span>
                                </a>
								
								
                            </div>
                        </li>

                    </ul>

                    <ul class="list-inline menu-left mb-0">
                        <li class="float-left">
                            <button class="button-menu-mobile open-left">
								<i class="fa fa-fw fa-bars"></i>
                            </button>
                        </li>                        
                    </ul>

        </nav>

	</div>
	<!-- End Navigation -->
	
 
	<!-- Left Sidebar -->
	<div class="left main-sidebar">
	
		<div class="sidebar-inner leftscroll">

			<div id="sidebar-menu">
        
			<ul>

					<li class="submenu">
						<a  href="index1.html"><i class="fa fa-fw fa-bars"></i><span> 主页 </span> </a>
                    </li>


										
                    <li class="submenu">
                        <a class="active" href="#"><i class="fa fa-fw fa-tv"></i> <span> Personnel management</span> <span class="menu-arrow"></span></a>
                            <ul class="list-unstyled">
                                <li><a href="Submitter.html">Submiter</a></li>
                                <li><a href="Test_Manager.html">Test Manager</a></li>
                    
                                <li><a href="Development.html">Development</a></li>
                                <li><a href="DBA.html">DBA</a></li>
                                
                            </ul>
                    </li>

					<li class="submenu">
                        <a  href="#"><i class="fa fa-fw fa-file-text-o"></i> <span> Bug Management </span> <span class="menu-arrow"></span></a>
                            <ul class="list-unstyled">
                                <li><a href="Bug.html">BUG FROM</a></li>
								
                            </ul>
                    </li>
									                  												
            </ul>

            <div class="clearfix"></div>

			</div>
        
			<div class="clearfix"></div>

		</div>

	</div>
    </div>
	<!-- End Sidebar -->


    <div class="content-page">
	
		<!-- Start content -->
        <div class="content">
            
			<div class="container-fluid">
					
						<div class="row">
									<div class="col-xl-12">
									  <div class="breadcrumb-holder">
													<h1 class="main-title float-left">DBA</h1>
													<ol class="breadcrumb float-right">
														<li class="breadcrumb-item">Personnel Management</li>
														<li class="breadcrumb-item active">DBA</li>
													</ol>
										<div class="clearfix"></div>
									  </div>
									</div>
						</div>
						<!-- end row -->
<div id="total1">


            <div><button type="button" style=" background-color: #5899ce; color: black;width:100px;text-align:center;height:40px;font-size: 16px"><a th:href="@{/add}">修改</a></button></div>
    <div class="main">
<table id="table3" cellspacing="0px" align="center" >
    <tr class="tableTitle" align="center">
        
        <td class="col1">DBA ID<br>(数据库管理员ID)</br></td>
        <td  class="col1">Name<br>(姓名)</br></td>
      
    </tr>

    <tr th:each="aBug:${bugList_submitter}" align="center">
   
        <td border="1px lightgrey solid" th:text="${aBug?.submitterId}">NULL</td>
        <td  border="1px lightgrey solid" th:text="${aBug?.testManagerId}">NULL</td>
       
    </tr>
</table>
           <div id="lowerLbl" align="center">
                <p>共</p>
                <p th:text="${bugList_submitter.size()}"></p>
                <p>条</p>
                <select id="sel" onclick="pagination()">
                    <option id="opt0" value="10" selected="selected">10条/页</option>
                    <option id="opt1" value="20">20条/页</option>
                    <option id="opt2" value="50">50条/页</option>
                </select>
                &nbsp;
                <button onclick="last()"><</button>
                <button id="pno" style="background-color: #5899ce; color: white">1</button>
                <button onclick="next()">></button>
                &nbsp;
                <p>前往</p>
                <input type="text" id="gopg" onclick="gopage()" />
                <p>页</p>
          </div>
    </div>
</div>
					
						
							
	<!-- END content-page -->
    
	<footer class="footer">
		<span class="text-right">
		 &nbsp; @YWJ &nbsp; LHY &nbsp;LZL &nbsp; LQL &nbsp; SSK
		</span>
		<span class="float-right">
		
		</span>
	</footer>

</div>
<!-- END main -->

<script src="./assets1/js/modernizr.min.js"></script>
<script src="./assets1/js/jquery.min.js"></script>
<script src="./assets1/js/moment.min.js"></script>
		
<script src="./assets1/js/popper.min.js"></script>
<script src="./assets1/js/bootstrap.min.js"></script>

<script src="./assets1/js/detect.js"></script>
<script src="./assets1/js/fastclick.js"></script>
<script src="./assets1/js/jquery.blockUI.js"></script>
<script src="./assets1/js/jquery.nicescroll.js"></script>

<!-- App js -->
<script src="./assets1/js/pikeadmin.js"></script>

<!-- BEGIN Java Script for this page -->
	<script src="./js1/Chart.min.js"></script>
	<script src="./js1/jquery.dataTables.min.js"></script>
	<script src="./js1/dataTables.bootstrap4.min.js"></script>

	<!-- Counter-Up-->
	<script src="./assets1/plugins/waypoints/lib/jquery.waypoints.min.js"></script>
	<script src="./assets1/plugins/counterup/jquery.counterup.min.js"></script>

	<script>
		$(document).ready(function() {
			// data-tables
			$('#example1').DataTable();
					
			// counter-up
			$('.counter').counterUp({
				delay: 10,
				time: 600
			});
		} );		
	</script>
	
	<script>
	var ctx1 = document.getElementById("lineChart").getContext('2d');
	var lineChart = new Chart(ctx1, {
		type: 'bar',
		data: {
			labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
			datasets: [{
					label: 'Dataset 1',
					backgroundColor: '#3EB9DC',
					data: [10, 14, 6, 7, 13, 9, 13, 16, 11, 8, 12, 9] 
				}, {
					label: 'Dataset 2',
					backgroundColor: '#EBEFF3',
					data: [12, 14, 6, 7, 13, 6, 13, 16, 10, 8, 11, 12]
				}]
				
		},
		options: {
						tooltips: {
							mode: 'index',
							intersect: false
						},
						responsive: true,
						scales: {
							xAxes: [{
								stacked: true,
							}],
							yAxes: [{
								stacked: true
							}]
						}
					}
	});


	var ctx2 = document.getElementById("pieChart").getContext('2d');
	var pieChart = new Chart(ctx2, {
		type: 'pie',
		data: {
				datasets: [{
					data: [12, 19, 3, 5, 2, 3],
					backgroundColor: [
						'rgba(255,99,132,1)',
						'rgba(54, 162, 235, 1)',
						'rgba(255, 206, 86, 1)',
						'rgba(75, 192, 192, 1)',
						'rgba(153, 102, 255, 1)',
						'rgba(255, 159, 64, 1)'
					],
					label: 'Dataset 1'
				}],
				labels: [
					"Red",
					"Orange",
					"Yellow",
					"Green",
					"Blue"
				]
			},
			options: {
				responsive: true
			}
	 
	});


	var ctx3 = document.getElementById("doughnutChart").getContext('2d');
	var doughnutChart = new Chart(ctx3, {
		type: 'doughnut',
		data: {
				datasets: [{
					data: [12, 19, 3, 5, 2, 3],
					backgroundColor: [
						'rgba(255,99,132,1)',
						'rgba(54, 162, 235, 1)',
						'rgba(255, 206, 86, 1)',
						'rgba(75, 192, 192, 1)',
						'rgba(153, 102, 255, 1)',
						'rgba(255, 159, 64, 1)'
					],
					label: 'Dataset 1'
				}],
				labels: [
					"Red",
					"Orange",
					"Yellow",
					"Green",
					"Blue"
				]
			},
			options: {
				responsive: true
			}
	 
	});
	</script>
<!-- END Java Script for this page -->

</body>
</html>